<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<title>维修保障设备</title>
		<link type="text/css" th:href="@{/css/content.css}" rel="stylesheet" />
		<link type="text/css" th:href="@{/css/animation.css}" rel="stylesheet" />
		<script type="text/javascript" th:src="@{/js/jquery.js}" ></script>
		<script type="text/javascript" th:src="@{/js/animation.js}"></script>
		<script type="text/javascript" th:src="@{/ietm/js/vue.min.js}"></script>
		<script type="text/javascript" th:src="@{/ietm/js/public.js}"></script>
	</head>
	<body>
		<!--返回 文件夹文件列表-->
		<div class="back" onclick="history.go(-1)"><img th:src="@{/images/back.png}" /></div>
		<div th:include="header :: header"></div>
		<div class="header-title">
			<span>系统介绍</span> 
		</div>
		<div class="spare-a">
			<div class="questions-ar">
				<div class="spare-ara" id="container">
					<div class="recautions-a"><span>文件列表</span></div>
					<div class="documentation paper">
						<ul>
						<li v-for="file in files" v-on:click="dm(file.dmId)">
							<div class="paper-a">{{file.dmTitle}}</div>
						</li>
						</ul>
					</div>
					<div class="recautions-a"><span>文件夹名称</span></div>
					<div class="documentation paper">
						<ul>
							<li v-for="folder in folders" v-on:click="pm(folder.id)">
								<div class="paper-a">{{folder.title}}</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script>
	var container=new Vue({
		el:'#container',
		data:{
			title:'大系统',
			files:[],
			folders:[]
		},
		methods:{
			dm:function(id){//一级
				location="content.html?dmId="+id
			},pm:function(id){//二级
				this.level('/ietm/data/'+id);
			},level:function(url){
				var that=this;
				$.get(url,function(data){//一级
					that.folders=data.pms;
				    that.files=data.dms;
				});
			}
		},created:function(){
			this.level('/ietm/data/'+location.search.substring(location.search.indexOf('=')+1));
		}
	});
	
	</script>
</html>
